<template>
  <div>
		<div class="no_wrap">
			<svg-icon icon-class="icon-buildling" class="icon"/>
			<span class="bulid_txt">建设中...</span>
			<div @click="close()" class="pass_btn pass_icon">
        <svg-icon icon-class="sucess-icon" class="sucess"/>
        <span class="close_txt">关闭页面</span>
      </div>
		</div>
  	<!-- <Card>
        <div>
            <h3>（404）H5此页面尚待建设。。。</h3>
        </div>
    </Card> -->
  </div>
</template>
<script>
  export default {
    data() {
      return {
        value5:''
      }
    },
    methods: {
      close() {
        this.$emit('closepages')
      },
    }
    
  }
</script>
<style scoped>
.no_wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: 1.2rem;
	transform: translateX(-50%);
  /* width: 100%; */
	width:9.2rem;
	height:14.3333rem;
	background-color:#ffffff;
	border-radius:.1333rem;
	box-shadow:0px .04rem .08rem rgba(0, 0, 0, 0.16);
	
}
.bulid_txt {
	margin-top: .72rem;
	display: flex;
	/* font-family:'Arial'; */
	font-style:italic;
	color:#333333;
	font-size:.4267rem;
}
.close_txt {
  margin-left: .2667rem;
  color:#ffffff;
  font-size:.3733rem;
}
.sucess {
  width: .48rem;
  height: .48rem;
}
.pass_btn {
	margin-top: 1.64rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.5067rem;
  height: 1.2rem;
}
.pass_icon {
  background: url('~@/assets/images/common/changesusses.png') no-repeat;
  background-size: 100% 100%;
}
.icon {
	margin-top: 1.1333rem;
	width: 4.2267rem;
	height: 3.8533rem;
}
</style>
